$(function () {
    //点击注册
    $('#link_reg').on('click', function () {
        $('.login-box').hide();
        $('.reg-box').show();
    })

    //点击登录
    $('#link_login').on('click', function () {
        $('.login-box').show();
        $('.reg-box').hide();
    })

    //从layui里面获取form对象
    var form = layui.form;
    var layer = layui.layer;
    form.verify({
        pwd: [
            /^[\S]{6,12}$/
            , '密码必须6到12位，且不能出现空格'
        ],
        rpwd: function (value) {
            //获取上一个的值进行比较
            var pwd = $('.reg-box [name=password]').val();
            // console.log(pwd);
            if (pwd != value)
                return '两次密码不一致'
        }
    });

    //监听注册表单事件
    $('#form_reg').on('submit', function (e) {
        e.preventDefault();
        var data = { username: $('#form_reg [name = username]').val(), password: $('#form_reg [name = password]').val() };
        //组织默认行为
        $.post('/api/reguser', data, function (res) {
            if (res.status !== 0) {
                return layer.msg(res.message);
            }
            layer.msg('注册成功，请登录！');
            //模拟点击行为
            $('#link_login').click();
        })
    });

    //监听登录表单的提交事件
    $('#form_login').submit(function (e) {
        e.preventDefault();
        $.ajax({
            url: '/api/login',
            method: 'POST',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('登录失败!');
                }
                layer.msg('登录成功!');
                // totken字符串，实现有权限的接口
                //将获取到的值存储到localStorage中
                localStorage.setItem('token', res.token);
                // console.log(res.token);
                location.href = 'index.html';
            }
        })
    });
});